@charset "utf-8";

@media screen and (max-width:1800px){

    .head_nav ul li a{font-size: 18px;padding: 0 15px;}

    .head_btn .search, .head_btn .language, .head_btn .menu{margin-left: 30px;}

    .box_title h3{font-size: 36px;}

    .box_title p{font-size: 14px;}



    .product_items .pic .txt h3{font-size: 32px;}

    .product_items .pic .txt p{font-size: 14px;line-height: 24px;}



    #tab1 .tab-nav a .tct{padding: 20px;}

    #tab1 .tab-nav a .tct h3{font-size: 20px;}

    #tab1 .tab-nav a .tct em{font-size: 14px;line-height: 24px;}

    #tab1 .tab-nav a .tct .img{right: 10px;bottom: 10px;}

    .product{height: 700px;overflow: hidden;}

    .product_items{height: 700px;}

    .product_items .pic::before{height: 700px;}

    .product_items .pic{height: 700px;}

    .product_items .pic::after{height: 700px;}

    .product_items .pic .txt{padding-bottom: 170px;}

    .product_items .pic .txt .more{margin: 30px 0;}



    .about{height: 700px;}

    .about_items .txt{font-size: 14px;line-height: 24px;}

    .about_items .items .item p{font-size: 14px;}

    .about_items .items .item p font{font-size: 50px;}



    .news_items .items_left .item .tct em,

    .news_items .items_right .item .tct em{font-size: 14px;}

    .news_items .items_left .item .tct h3,

    .news_items .items_right .item .tct h3{font-size: 20px;}

    .news_items .items_left .item .tct p{font-size: 14px;}



    .research_items .item p{font-size: 22px;}

    



    .foot_top_left dl{margin-right: 3vw;}

    .foot_top_right{padding-left: 3.125vw;}

    .foot_top_right p{font-size: 18px;}

    .foot_top_right p strong{font-size: 32px;}

    .foot_top_left dl dt{font-size: 18px;}

    .foot_top_left dl dd a{font-size: 14px;}

    .foot_center p{font-size: 14px;}

    

    

    



}

@media screen and (max-width:1680px){

    #tab3{height: 780px;}

    #tab3 .j-tab-con .tab-con-item{height: 780px;}

}

@media screen and (max-width:1600px){

    

}

@media screen and (max-width:1500px){

   #tab1 .tab-nav a .tct .img{width: 80px;}

   #tab1 .tab-nav a .tct span{margin: 10px 0;}

   .foot_center p span{margin-right: 15px;}

   .foot_center p span:last-child{margin-right: 0;}

   .foot_center p span a{margin-left: 15px;padding-left: 15px;}

   .foot_btm p a{margin-left: 15px;}

   .ewm_tab .ewm_con{height: 140px;}

   .ewm_tab .ewm_con .item{width: 140px;height: 140px;}

   .distribution_items .tct .item .item_tit span{font-size: 12px;}



   

}

@media screen and (max-width:1366px){

    .box_con2{max-width: 100%;padding: 0 6.25vw;box-sizing: border-box;}

    .bar{height: 445px;}

    .bar .box_con2 .bar_txt h3{font-size: 30px;}

    .bar .box_con2 .bar_txt p{font-size: 14px;line-height: 24px;}



    .main_tit{padding: 30px 0;}

    .main_tit h3{font-size: 24px;}

    .main_tit span{margin: 30px 0 0;}



    .about_overview{height: auto;}

    .culture_items .item .tct h3{font-size: 20px;}

    .culture_items .item .tct p{font-size: 14px;line-height: 24px;}

    .mySwiper2{width: 100%;margin: 0 auto;}

    .mySwiper{display: none;}

    .social_items .item h3{font-size: 20px;line-height: 30px;padding: 10px 20px;}

    #tab3{height: 620px;}

    #tab3 .j-tab-con .tab-con-item{height: 620px;}

    #tab3 .tab-nav a p{font-size: 14px;}

    .products_items .item .pic{height: 310px;}

    .products_items .item .tct h3{font-size: 20px;line-height: 36px;}

    .products_items .item .tct ul li span{font-size: 14px;line-height: 24px;}

    .mySwiper2s{height: 550px;}

    .products_tit h3{font-size: 36px;}

    .products_tit p{font-size: 18px;}

    #tab4 .tab-nav a{font-size: 18px;}

    .main_return ul li a{font-size: 18px;}

    .message .item h3{font-size: 24px;}

    .message .item p{font-size: 14px;line-height: 24px;margin: 20px auto;}

    .message .item .message_bd p span{font-size: 14px;line-height: 24px;}

    .message .item .message_bd p.ps input{height: 50px;line-height: 50px;}

    .message .item .message_bd p.ps button{line-height: 50px;}

    .swiper_news .swiper-slide .tct h3,

    .news_btm .item .tct h3{font-size: 20px;}

    .swiper_news .swiper-slide .tct p,

    .news_btm .item .tct p{font-size: 14px;line-height: 24px;height: 48px;}

    .news_btm{margin: 60px auto 0;}

    .news_tit h3{font-size: 24px;line-height: 36px;}

    .science .mains_text{width: 380px;padding-right: 10px;}

    .quality_items .item,

    .quality_items .item .pic{height: 550px;}

    .quality_items .item .tct h3{font-size: 16px;}

    .quality_items .item .tct p{font-size: 14px;line-height: 24px;}

    .qualification_items .item p{font-size: 14px;line-height: 24px;}

    .contact_tit h3{font-size: 24px;}

    .contact_tit p{font-size: 14px;line-height: 24px;}

    .distribution2_item h3{font-size: 18px;}

    .distribution2_item ul li{font-size: 14px;}

    .contact2_items .item p{font-size: 20px;}

    .contact2_items .item p em{font-size: 18px;}

    #tab5 .tab-nav a{font-size: 18px;}

    #tab5 .tab-con .items .item h3{font-size: 18px;}

    .development_tit h3,

    .training .training_tit h3{font-size: 24px;}

    .development_tit p,

    .training .training_tit p{font-size: 14px;line-height: 24px;}

    .development_items .item p{font-size: 14px;line-height: 24px;}

    .recruit_items .item .item_tit{padding: 30px 50px;}

    .recruit_items .item .item_tit h3{font-size: 20px;}

    .recruit_items .item .item_tit p span,

    .recruit_items .item .item_tit p a,

    .recruit_items .item .item_con .item_btn p{font-size: 16px;}





}

@media screen and (max-width:1280px){

    .head_nav ul li a{padding: 0 10px;}

    .head_btn .search, .head_btn .language, .head_btn .menu{margin-left: 20px;}

    .swiper-pagination-banner .swiper-pagination-bullet{width: 50px;}

    .swiper-button-banner .swiper-button-prev, .swiper-button-banner .swiper-button-next{width: 50px;height: 50px;}

    .swiper-button-banner .swiper-button-prev::after, .swiper-button-banner .swiper-button-next::after{font-size: 20px;}

}
.crumbs_nav>.swiper-slide{display: none;}
@media screen and (max-width:1200px){

    body,

    html {

        overflow-x: hidden !important;

    }

    

    header{position: fixed;top: 0;z-index: 99;background: var(--mainColor);padding: 0 6.25vw;height: 45px;box-sizing: border-box;align-items: center;}

    header h1{max-width: 130px;}

    .head_right{position: static;}

    /* .head_right .head_nav{display: none;position: absolute;width: 320px;right: 0;top: 46px;background: var(--mainColor);;}
    .head_nav ul li{display: block;}
    .head_nav ul li a{font-size: 16px;line-height: 36px;}
    .head_nav ul li:last-child{margin-right: 0;}
    .head_nav ul li ul{height: auto;position: static;width: 100%;text-align: left;}
    .head_nav ul li ul li{width: 32%;margin: 0 auto;display: inline-flex;text-align: left;}
    .head_nav ul li ul li a{line-height: 20px;font-size: 13px;margin: 5px auto;text-align: left;} */
    .head_right .head_nav{display: none;position: absolute;width: 100%;right: 0;top: 45px;background: var(--mainColor);max-height: 100vh;overflow-y: auto;}
    .head_nav ul{width: 92%;margin: 0 auto;}
    .head_nav ul li{display: block;border-bottom: 1px solid var(--fontColore);}
    .head_nav ul li a{font-size: 16px;line-height: 36px;}
    .head_nav ul li a span{float: right;width: 36px;height: 36px;position: relative;z-index: 1;margin-right: -10px;}
    .head_nav ul li a span::before,
    .head_nav ul li a span::after{content: "";display: block;width: 20px;height: 2px;background: var(--fontColorf);position: absolute;left: 0;right: 0;margin: 0 auto;top: 50%;margin-top: -1px;transition: ease-in-out 0.3s;}
    .head_nav ul li a span::after{transform: rotate(90deg);}
    .head_nav ul li:last-child{margin-right: 0;}
    .head_nav ul li ul,
    .head_nav ul li:hover ul{height: 0;position: static;width: 92%;text-align: left;padding-left: 10px;box-sizing: border-box;background: none;}
    .head_nav ul li.active a span::after{opacity: 0;transition: ease-in-out 0.3s;}
    .head_nav ul li.active ul{height: auto;}
    .head_nav ul li ul li{width: 100%;margin: 0 auto;display: inline-flex;text-align: left;display: block;border-bottom: 1px solid var(--fontColore);}
    .head_nav ul li ul li:last-child{border-bottom: none;}
    .head_nav ul li ul li a{line-height: 36px;font-size: 14px;margin: 5px auto;text-align: left;color: var(--fontColorf);}


    .lg_wrap{margin-top: 45px;}

    .banner,

    .swiper-container-banner .swiper-slide a{height: 27vh;}

    .swiper-button-banner{display: none;}

    .swiper-pagination-banner .swiper-pagination-bullet{width: 20px;}

    .swiper-container-banner .swiper-slide a h3{font-size: 24px;}
    .swiper-container-banner .swiper-slide a span{width: 100px;margin: 10px 0;}
    .swiper-container-banner .swiper-slide a p{font-size: 15px;}
    .swiper-container-banner .swiper-slide a em{width: 120px;line-height: 36px;margin-top: 10px;}
    .swiper-container-banner .swiper-slide a em i{margin-left: 15px;}

    .box_title{width: 100%;}

    .box_title h3{font-size: 20px;}

    .box_title p{padding: 15px 0;}

    .box_title span{width: 40px;}

    

    .product_items .pic .txt{width: 100%;}

    .product_items .pic .txt h3{font-size: 20px;}

    .product_items .pic .txt .more,

    .distribution .more,

    .about_items .more{width: 120px;line-height: 36px;margin: 15px 0;}

    .product_items .pic .txt .more a i,

    .distribution .more a i,

    .about_items .more a i{margin-left: 20px;}

    #tab1 .tab-nav{display: none;}

    .product{padding-top: 15px;}

    .product,

    .product_items,

    .product_items .pic,

    .product_items .pic::before{height: 320px;}

    .product_items .pic .txt{padding-bottom: 0;}

    .product_items .pic .txt h3{font-size: 18px;}

    .product_items .pic .txt p{margin-top: 15px;}

    .product_items .box_con{bottom: 0;}

    .distribution{padding-top: 20px;}

    .distribution .more{float: none;}



    .about{padding: 15px 0;}

    .about,

    .about::before{height: 360px;}

    .about_items{width: 100%;}

    .about_items .items .item p font{font-size: 24px;}



    #tab2 .tab-nav{margin: 20px auto;text-align: center;}

    #tab2 .tab-nav a{line-height: 36px;padding: 0 15px;}

    .news{padding-bottom: 20px;}



    .foot_top .foot_top_left{display: none;}

    .bar{height: 185px;}

    .bar .box_con2 .bar_txt h3{font-size: 20px;}

    .bar .box_con2 .bar_txt p{display: none;}

    .bar .box_con2 .bar_txt span{width: 35px;margin: 20px 0;}

    .lg_fddh,

    .gotop p{display: none;}

    .swiper{overflow: initial;}
    .crumbs_nav{z-index: 5;}
    .crumbs_nav>.swiper-slide{display: block;}
    .crumbs_nav{padding: 0;position: relative;}
    .crumbs_nav .swiper-button-prev{display: none;}
    .crumbs_nav .swiper-slide{text-align: left;}
    .crumbs_nav .swiper-slide a{line-height: 45px;border-bottom: 1px solid var(--fontColord);}
    .crumbs_nav .swiper-button-prev, .crumbs_nav .swiper-button-next{height: 45px;transition: ease-in-out 0.5s;background: none;}
    .swiper-button-next:after, .swiper-button-prev:after{color: var(--mainColor);}
    .crumbs_nav .swiper-slide::after{display: none;}
    .crumbs_nav .swiper-wrapper{flex-direction: column;height: 0;overflow: hidden;position: absolute;top: 45px;left: 0;right: 0;margin: 0 auto;background: var(--fontColorf);padding: 0 6.25vw;margin-left: -6.25vw;}
    .crumbs_nav.active .swiper-wrapper{height: auto;}
    .crumbs_nav.active .swiper-button-next{transform: rotate(90deg);transition: ease-in-out 0.5s;}
    .mains_text{overflow-x: auto;}
}

@media screen and (max-width:1024px){

    .bar {
        height: 360px;
    }
    .news_items .items_left{width: 100%;}
    .news_items .items_right{display: none;}
    .research_items{width: 100%;justify-content: space-between;margin:20px auto}
    .science .mains_text{width: 30%;}
}

@media screen and (max-width:768px){
    .bar{height: 185px;}
    .mySwiper2 .swiper-slide .xinfo{padding-bottom: 20px;font-size: 16px;}
    .distribution_items{width: 100%;}

    .distribution_items .pic{width: 100%;height: auto;}

    .distribution_items .tct{position: static;height: auto;width: 100%;}

    .distribution_items .tct .item{position: static;}

    .distribution_items .tct .item .item_tit {margin: 15px auto;}

    .distribution_items .tct .item .item_tit span{color: var(--mainColor);font-size: 18px;}

    .distribution_items .tct .item .item_tst{width: 100%;position: static;display: block;}

    .distribution_items .tct .item .item_tst h3{text-align: left;}

    .distribution_items .tct .item .item_tst p span{width: calc(100% / 2);font-size: 14px;}


    .news_items .items_left{width: 100%;}

    .news_items .items_left .item{width: 100%;margin: 10px auto;}

    .news_items .items_left .item .pic{height: 200px;}

    .news_items .items_right{display: none;}

    .news_items .items_left .item .tct{padding: 15px;}

    .news_items .items_left .item .tct h3, .news_items .items_right .item .tct h3{font-size: 18px;}

    .research_items{float: none;margin: 20px auto;width: 100%;justify-content: space-between;}

    .research_items .item span{width: 36px;height: 36px;}

    .research_items .item p{font-size: 15px;}

    .foot_top_right p strong{font-size: 24px;}

    .foot_center p span{display: block;margin: 5px auto;float: none;}

    .foot_center p span a{margin-left: 0;padding-right: 15px;margin-right: 15px;padding-left: 0;}

    .foot_btm p a{float: none;display: block;margin-left:0;}

    .ewm_tab .ewm_con{height: 120px;}

    .ewm_tab .ewm_con .item{width: 120px;height: 120px;}

    

    .crumbs ul li{margin-right: 0;width: 50%;text-align: center;}

    .crumbs ul li a{line-height: 36px;}

    .about_overview{padding: 20px 0;}

    .main_tit{padding: 20px 0 0;}

    .main_tit h3{font-size: 20px;}

    .main_tit span{margin: 20px 0;}

    .about_overview .mains_text{padding-right: 15px;}

    .overview_items .item{width: 100%;margin: 10px auto;}

    .overview_items .item h3{font-size: 20px;}

    .overview_items{margin-top: 20px;}



    .culture_items .item{width: 100%;margin: 10px auto;}
    .culture_items .item .tct h3::after{margin: 5px 0;}

    .culture_items .item .tct{padding: 20px;background: rgba(54, 79, 165, 0.8);flex-direction: column;justify-content: flex-start;}
    .culture_items .item .tct p{opacity: 1;width: 100%;}

    .impression_items{padding-bottom: 20px;}

    .mySwiper2{height: auto;overflow: hidden;}

    .swiper-pagination-mySwiper2{display: block;}

    .social_items .item{width: 100%;margin: 10px auto;height: 360px;}

    #tab3 .tab-nav{display: none;}

    #tab3,

    #tab3 .j-tab-con .tab-con-item{height: 180px;}

    #tab3 .more p{font-size: 15px;}

    #tab3 .more span{height: 40px;line-height: 40px;}

    .crumbs_nav .swiper-slide{margin-right: 0px !important;width: 100% !important;}

    .products_items{padding-top: 20px;}
    .products_items .item{width: 100%;margin-bottom: 20px;}

    .products_items .item .pic{height: auto;}

    .products_items .item .tct{padding: 15px;}

    .products_items .item .tct ul{padding: 15px;}

    .page{padding: 0;}

    .mySwiper2s{height:155px;margin: 20px auto 0;}

    .mySwiper2s .swiper-pagination-mySwiper2s{display: block;}

    .mySwipers{display: none;}

    .products_tit{margin: 20px auto;}

    #tab4 .tab-nav a{margin: 0 auto;}

    #tab4 .tab-con .tab-con-item{padding: 15px;}

    .main_return ul{padding: 15px;}

    .main_return ul li a{font-size: 14px;}

    .main_return ul li a img{margin: 0 5px;}

    .products_tit h3{font-size: 24px;}

    .products_tit p{font-size: 16px;}

    .message{padding: 20px 0;}

    .message .item{width: 100%;}

    .message .item:last-child{display: none;}

    .message .item h3{font-size: 20px;}

    .message .item .message_bd p.ps .sp{width: 200px;}

    .message .item .message_bd p.ps input{height: 32px;line-height: 30px;}

    .message .item .message_bd p.ps .sp .imgs{height: 30px;margin-top: -15px;}

    .message .item .message_bd p.ps button{width: 100px;line-height: 30px;}

    .message .item .message_bd p.ps button img{display: none;}



    .news_top{padding: 20px 0;}

    .swiper_news{overflow: hidden;}

    .swiper_news .swiper-slide{padding-right: 0;}

    .swiper_news .swiper-slide .pic{width: 100%;height: auto;margin: 10px auto 0;opacity: 1;}

    .swiper_news .swiper-slide .tct{width: 100%;}

    .swiper_news .swiper-slide .tct span{font-size: 14px;line-height: 24px;margin: 10px auto;}

    .news_btm{margin: 20px auto 0;}

    .news_btm .item{padding-bottom: 15px;}

    .news_btm .item a{margin-bottom: 15px;}

    .news_btm .item .pic{width: 100%;height: auto;}

    .news_btm .item .tct{width: 100%;margin-top: 15px;}

    .news_con{padding: 15px;}

    .news_tit h3{font-size: 20px;}

    .news_tit p{line-height: 24px;}

    .science{background-position-x: left !important;height: 630px;}

    .science .mains_text{width: 75%;box-sizing: border-box;}

    .quality_items{padding-bottom: 20px;}

    .quality_items .item.active,

    .quality_items .item{width: 100%;margin-right: 0;margin-top: 15px;}

    .quality_items .item .tct{padding: 15px;}

    .quality_items .item .tct p{display: block;}

    .quality_items .item, .quality_items .item .pic{height: auto;}

    .qualification_items .item span{height: auto;text-align: center;}

    .qualification_items .item{width: 100%;margin: 10px auto;}

    .qualification_items .item p{margin: 10px auto;}

    .contact_tit p{width: 100%;}

    .distribution2{padding-bottom: 20px;}

    .distribution2_item{padding: 15px;}

    .distribution2_item ul li{width: calc(100% / 2);margin: 0 auto;line-height: 24px;}

    .development_tit{margin: 0 auto 20px;}

    .development_top, .development_btm, .training{padding: 20px 0;}

    .development_tit h3, .training .training_tit h3{font-size: 20px;}

    .development_items .item{width: 100%;margin: 10px auto;}

    .development_items .item span{width: 36px;height: 36px;margin: 10px auto;}

    .training .mains_text{margin: 20px auto;}

    .recruit_items .item{margin: 20px auto;}

    .recruit_items .item .item_tit{padding: 15px;}

    .recruit_items .item .item_tit p span{padding: 0;display: block;margin-right: 0;}

    .recruit_items .item .item_tit p a{width: 120px;line-height: 40px;font-size: 14px;}

    .recruit_items .item .item_tit p a em{margin-left: 0;}

    .recruit_items .item .item_con{padding: 15px;}

    .recruit_items .item .item_con .mains_text{height: 100%;}

    .recruit_items .item .item_con .item_btn{padding: 15px;}

    .contact2_items .item{width: 100%;}

    .contact_tit{margin: 20px auto;}

    .contact_tit h3{font-size: 20px;}

    .contact2_items .item{padding: 15px;margin: 10px auto;}

    .contact2_items .item p{padding: 10px 0;}

    .contact2_items .item p,

    .contact2_items .item p em{font-size: 16px;line-height: 24px;}

    .contact2_map{margin: 20px auto;height: 300px;}

    #tab5 .tab-nav{margin: 20px auto;}

    #tab5 .tab-con .items .item{width: 100%;margin: 10px auto;}

    .about_overview .mains_text{height:auto;}

    .culture_items,

    .social_items{padding-bottom: 10px;}
   

    

}

@media screen and (max-width:640px){
    .science .mains_text{width: 100%;box-sizing: border-box;}
   

    

}

@media screen and (max-width:414px){

    

}

@media screen and (max-width:375px){

   

}

@media screen and (max-width:360px){}

@media screen and (max-width:320px){

    

}